<template>
  <div class='guodeSelect-wrapper'>
    <el-select v-model="inValue" v-bind="$attrs" v-on="$listeners">
      <el-option v-for=" item in options" :key="item.value" :label="item.label" :value="item.value">
      </el-option>
    </el-select>
  </div>
</template>
<script>
const COMPONENT_NAME = 'guodeSelect'
export default {
  name: COMPONENT_NAME,
  props: {
    value: String,
    options: Array,
  },
  computed: {
    inValue: {
      get() {
        return this.value
      },
      set(value) {
        this.$emit('input', value)
      },
    },
  },
}
</script>

<style lang="scss">
.guodeSelect-wrapper {
  .el-select > .el-input > input {
    width: 180px;
  }
}
</style>